<!--%import("banner.css")-->
<!--%import("./js/jquery.min.js")-->
<!--%import("./js/slides.jquery.js")-->
<style type="text/css" media="screen">
		.slide_widget_{$widget_info->classPre} .mask {
			width:{$widget_info->imgWidth}px !important;
		}
		#slides_{$widget_info->classPre},.slides_container_{$widget_info->classPre},.slides_container_{$widget_info->classPre} div {
			width:{$widget_info->imgWidth}px !important;
			<!--@if($widget_info->is_default)-->
			height:{$widget_info->imgHeight+35}px !important;
			<!--@else-->
			height:{$widget_info->imgHeight}px !important;
			<!--@end-->
			display:block;
		}
		.buttonBox{
			z-index:201
		}
		.section div{
			z-index:200
		}
		<!--@if($widget_info->is_default)-->
			.slide_widget_{$widget_info->classPre} ul{
				position:relative;bottom:18px;z-index:150;
			}
		<!--@else-->
			.slide_widget_{$widget_info->classPre} ul{
				position:relative;bottom:0px;z-index:150;
			}
		<!--@end-->
		.prev, .next {
			top: -{$widget_info->imgHeight/2 + 21}px;
		}
		.next {
			left: {$widget_info->imgWidth + 15 - 21}px;
		}
</style>
<div class="slide_widget_{$widget_info->classPre} slide_widget">
	<div class="mask">
		<div id="slides_{$widget_info->classPre}" class="slides">
			<div class="slides_container_{$widget_info->classPre} slides_container xeBanner v{$xb} " style="display:none">
				<!--@foreach($widget_info->info as $key => $row)-->
				<div>
					<a class="url_{$widget_info->classPre}" href="{$row['url']}">
					<div class="section section_{$widget_info->classPre}">
						<div>
	                    <img src="{$row['image']}" width='{$widget_info->imgWidth}' height='{$widget_info->imgHeight}' <!--@if($row['title'])-->alt="{$row['title']}"<!--@end-->/>
						<h1>{$row['title']}</h1>
						<p>{$row['description']}</p>
						</div>
					</div>
					</a>
				</div>
				<!--@end-->
			</div>
		</div>
	</div>
</div>

<script type="text/javascript">
if('{$act}' != 'procWidgetGenerateCodeInPage'){
	$(function(){
		var links = $('a.url_{$widget_info->classPre}');
		$('#slides_{$widget_info->classPre}').slides({
			preload: true,
			preloadImage: './images/loading.gif',
			generateNextPrev: true,
			play: 6000,
			slideSpeed:1000,
			paginationClass: "{'pagination_'.$widget_info->classPre}",
			pause:1
		});

		$(".{'pagination_'.$widget_info->classPre}").addClass('pagination');
		$('ul.pagination li a').html('&nbsp;&nbsp;');

		if($.browser.msie&&($.browser.version == "6.0")&&!$.support.style){
			var width = $('ul.pagination').width()+30;
			$('ul.pagination').width(width);
			if('{$act}' == 'IS'){
				$('.slide_widget_{$widget_info->classPre}').find('ul').css('bottom','33px');
			}
		}
		if('{$act}' == 'IS')
			$('.slide_widget_{$widget_info->classPre}').find('ul').css('bottom','33px');
	});
}
</script>